<template>
  <k-notification :icon="icon" :value="value">
    <template #default>
      <k-list
        @clickItem="clickItem"
        @clickAction="clickAction"
        :list="list"
        :actions="actions"
      ></k-list>
    </template>
  </k-notification>
  <!--   <k-notification :icon="icon" :value="value" :max="30"></k-notification>
  <k-notification :icon="ChatRound" :value="value" isDot></k-notification> -->
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { list, actions } from './data'

const icon = ref<string>('BellFilled')
const value = ref<string>('86')

const clickItem = (item: any) => {}

const clickAction = (item: any) => {}
</script>

<style scoped lang="scss"></style>
